<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script src="js/swiper.min.js"></script>
		<script src="js/JavaScript.js"></script>
		
		
	</head>
	<body  onload="nao_zhong()">
		<div id="web">
			<!--头部-->
			<header>
				<div class="top">
					<div class="main">
						<span>全国热线：8888888</span>
						<div class="link fr">
							<a href="">设置首页</a>
							<a href="">添加收藏</a>
						</div>
					</div>
				</div>
				<nav>
					<div class="fl logo">
						<img src="img/logo.jpg"/>
					</div>
					<ul class="fr clearfix">
						<li class="active clearfix">
							<a href="index.html">
								<p>首页</p>
								<p>Home</p>
							</a>
						</li>
						<li>
							<a href="pro_main.html">
								<p>产品详细</p>
								<p>About</p>
							</a>
						</li>
						<li>
							<a href="product.html">
								<p>产品中心</p>
								<p>Products</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>服务支持</p>
								<p>Service</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>新闻中心</p>
								<p>News</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>在校商店</p>
								<p>Shop</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>联系我们</p>
								<p>Contact Us</p>
							</a>
						</li>
					</ul>
				</nav>
			</header>
			
			
			<!--<div class="carou">
				<div class="lb">
					<img src="img/lun_bo_08.jpg"/>
				</div>
				<ul class="point">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>	
			</div>-->
				
			
			<!--轮播图-->
    <div class="swiper-container swiper-contai">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/lun_bo_08.jpg" width="100%"/></div>
            <div class="swiper-slide"><img src="img/lun_bo_08.jpg" width="100%"/></div>
            <div class="swiper-slide"><img src="img/lun_bo_08.jpg" width="100%"/></div>
            <div class="swiper-slide"><img src="img/lun_bo_08.jpg" width="100%"/></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

			<!--产品介绍-->
			<div class="product clearfix">
				<div id="big_bgc">
					
				
				<div class="item fl">
					<div class="news">
						<img src="img/news-center.png"/>
						
							<h2 class="">新闻中心</h2>
							<h3>NEWS.CENTER</h3>
						
						<div class="line"></div>
					</div>
					<div class="item_mid">
						<h5>CeBIT 2015</h5>
						<img src="img/item_1.jpg"/>
						<div class="youbian fr">
							<p>创新ICT共建全联接
							世界德国汉诺威展览中心<br />
							3月16日-20日
							</p>
						</div>
					</div>
					<div class="item_list">
						<ul>
							<li class="fl"></li><dd><a href="">上海国际智能建筑展览会</a></dd>
							<li class="fl"></li><dd><a href="">2014德国柏林国际消费类电子产品展览会</a></dd>
							<li class="fl"></li><dd><a href="">2014中国（贵阳）公告安全防范产品博览会</a></dd>
						</ul>
					</div>
				</div>
				
				<!--新品发布-->
				<div class="item fl">
					<div class="news xin_pin">
						<img src="img/news_fabu.jpg"/>
						
							<h2 class="">新品发布</h2>
							<h3>NEW.PRODUCTS</h3>
						
						<div class="line"></div>
					</div>
					
					<!--<div class="xin_pin_mid ">
						<img class="fl" src="img/gun_dong1.jpg"/>
						<a href=""><img src="img/xin_ping_tp.jpg"/></a>
						<img class="fr clearfix" src="img/gun_dong2.jpg"/>
					</div>-->
					<div class="xin_pin_mid" style="height: 210px;">
						<div class="swiper-container swip_conta">
					        <div class="swiper-wrapper" >
					            <div class="swiper-slide"><img src="img/xin_ping_tp.jpg"/></div>
					            <div class="swiper-slide"><img src="img/xin_ping_tp.jpg" /></div>
					            <div class="swiper-slide"><img src="img/xin_ping_tp.jpg" /></div>
					        </div>
					        <!-- Add Pagination -->
					        <div class="swiper-pagination" style="height: 360px;"></div>
					        <div class="swiper-button-next next"></div>
	        				<div class="swiper-button-prev prev"></div>
					    </div>
				    </div>
					
					<div class="xin_pin_xia">
						<h6 class="xin_pin_h">s6213w-y</h6>
						<p class="xin_pin_p">  海思3518E方案，多码流技术，百万高</p>
					</div>
					
				</div>
				
				<!--品牌介绍-->
				<div class="item fl">
					<div class="news pingpai">
						<img src="img/product_js.jpg"/>
						
							<h2 class="">新品发布</h2>
							<h3>NEW.PRODUCTS</h3>
						
						<div class="line"></div>
					</div>
					
					<div class="pingpai_tp">
						<a href=""><img src="img/pingpai_tp.jpg"/></a>
					</div>
					<div class="pingpai_bg">
						<p>"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
					</div>
				</div>
				</div>
			</div>
			
	
			<!--关于我们1279 343-->
			<div class="about">
				<div class="about_h">
					<h6>关于我们</h6>
					<div class="us">
						<div class="line fl"></div>
						<p class="fl">STORE DISPLAY</p>
						<div class="line fr"></div>
					</div>
				</div>
				<div class="about_bg">
					<p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。</p>
					<p>TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品</p>
					<!--图片移动-->
					<div id="div_yi_dong">
						<ul id="aaa">
							<li><a href=""><img src="img/ab_tp1.jpg" alt="" /></a></li>
							<li><a href=""><img src="img/ab_tp2.jpg" alt="" /></a></li>
							<li><a href=""><img src="img/ab_tp3.jpg" alt="" /></a></li>
							<li><a href=""><img src="img/ab_tp1.jpg" alt="" /></a></li>
							<li><a href=""><img src="img/ab_tp2.jpg" alt="" /></a></li>
							<li><a href=""><img src="img/ab_tp3.jpg" alt="" /></a></li>
							<li><a href=""><img src="img/ab_tp1.jpg" alt="" /></a></li>
							<li><a href=""><img src="img/ab_tp2.jpg" alt="" /></a></li>
							<li><a href=""><img src="img/ab_tp3.jpg" alt="" /></a></li>
						</ul>
						
					</div>
				</div>
			</div>
			<!--联系我们-->
			<div class="contact">
				<div class="lianxi_us">
					<div class="about_h">
						<h6>联系我们</h6>
						<div class="us clearfix">
							<div class="line fl"></div>
							<p class="fl">STORE DISPLAY</p>
							<div class="line fr"></div>
						</div>
					</div>
				</div>
				
				<div id="dibu" class="clearfix">
					<div class="left fl">
						<div class="lefe_top">
							<img class="fl" src="img/wx.jpg"/>
							<ul>
								<li><img src="img/icon1.png"/>服务热线：400-000-0000</li>
								<li><img src="img/icon6.png"/>&nbsp;联  系 人 ：某先生</li>
								<li><img src="img/icon5.png"/>&nbsp;公司邮箱：www.tk.com</li>
								<li><img src="img/icon4.png"/>公司传真：000-12345678</li>
								<li><img src="img/icon3.png"/>&nbsp;邮政编码：467000</li>
								<li class="tb"><img src="img/icon2.png"/>&nbsp;公司地址：广州市某某区某某路某号</li>
							</ul>
						</div>
						
						<div class="bottom">
							<img src="img/map.png"/>
						</div>
					</div>
					
					<div class="right fr">
						<form action="" method="post">
							
							<!--<input type="submit" value=""/>-->
							<p>昵称</p>
							<input type="text" id="" value="" />
							<p>联系电话</p>
							<input type="text" id="" value="" />
							<p>电子邮箱</p>
							<input type="text" id="" value="" />
							<p>内容</p>
							<textarea name="" rows="" cols=""></textarea>
							<input type="button" id="" value="提交" />
						</form>
					</div>
				</div>
			</div>
			
			
			<!--底部-->
			<footer>
				<div class="foot">
					<p>关注我们：<img src="img/foot_logo.jpg"/><img class="WXimg" src="img/foot_WXlogo.jpg"/></p>
					<p><a href="">网站首页</a> · <a href="">新闻动态</a> · <a href="">关于我们</a> · <a href="">团队风采</a> · <a href="">联系我们</a> · <a href="">在线留言</a></p>
				</div>
				<div class="ban_quan">
					&copy;2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved
				</div>
			</footer>
		</div>
	</body>
	<style>
		    /*html, body {
		        position: relative;
		        height: 100%;
		    }*/
		    .swiper-contai{
		        width: 100%;
		        height: 545px;
		    }
		    .swip-conta{
		        width: 218px;
		        height: 140px;
		    }
		    .swiper-slide {
		        /* Center slide text vertically */
		        display: -webkit-box;
		        display: -ms-flexbox;
		        display: -webkit-flex;
		        display: flex;
		        -webkit-box-pack: center;
		        -ms-flex-pack: center;
		        -webkit-justify-content: center;
		        justify-content: center;
		        -webkit-box-align: center;
		        -ms-flex-align: center;
		        -webkit-align-items: center;
		        align-items: center;
		    }
		</style>
		
				<!-- Swiper JS -->
		    <script src="../dist/js/swiper.min.js"></script>
		
		    <!-- Initialize Swiper -->
		    <script>
		    	new Swiper('.swip-conta',{
				loop:true,
				direction : "horizontal",
				pagination : ".swiper-pagination",
				prevButton : ".swiper-button-prev",
				nextButton : ".swiper-button-next", 
			});
		    
			
		    var swiper = new Swiper('.swiper-contai', {
		        pagination: '.swiper-pagination',
		        paginationClickable: true,
		    });
		    
		    
		    var swiper = new Swiper('.swiper-container', {
		        pagination: '.swiper-pagination',
		        paginationClickable: true,
		        nextButton: '.swiper-button-next',
		        prevButton: '.swiper-button-prev',
		        autoplay:1500,
		        grabCursor:true,
		    });
		    
		    
		    </script>
</html>
